<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <link rel="stylesheet" type="text/css" href="{% static '/css/index.css' %}"/>
    <title>我的关注</title>
	<script src="{% static 'js/jquery-3.2.1.min.js' %}"></script>

</head>
<body>
    <header>
    	<div class="lf">
    		<a class="home" href="{% url 'index' %}">系统首页</a>
    		<!-- <a href="bbs.html">论坛</a> -->
    		<a href="upload.html">上传资料</a>
    	</div>
    	<div id="search">
    		<input type="text" name="name" 
    			placeholder="请输入要搜索的资源" autocomplete="off"/><a class="search btn">搜索</a>
    	</div>
    	
    	<div class="rf">
    		<div class="email-info">
				<b>99</b>
				<ul class="email-list">
					<li><a href="./message.html">官方<b>0</b></a></li>
					<li><a href="./message.html">通知<b>0</b></a></li>
					<li><a href="./message.html">私信<b>0</b></a></li>
				</ul>
			</div>
    		<a class="info" href="personal.html">个人中心</a>
    		<a class="cols" href="shoucang.html">收藏</a>
    		<a href="{% url 'auth:userlogout' %}">退出登录</a>
    	</div>
    </header>
	
	<article>
		<div id="main">
			<section class="aside">
				<!-- 定义右侧窗口信息 -->
				<aside class="users">
					<img src="./images/unknown.png" />
					<div>
						<p><a href="javascript:void(0);">点击登录</a></p>
						<p><a href="javascript:void(0);">登录账号可享受大众会员特权</a></p>
					</div>
					
					<p>
						<span class="lf"></span>开通VIP尊享特权<span class="rf"></span>
					</p>
					
					<div class="clearfix">
						<p class="download">下载权益</p>
						<p class="book">图书权益</p>
						<p class="vip">VIP文章</p>
						<p class="col">收藏特权</p>
					</div>
				</aside>

				<aside class="psl">
					<a class="focus-on" href="javascript:void(0)">关注数:<b>{{ follow_list|length }}</b></a>
					<a class="fan">粉丝数:<b>{{ by_follow_list|length }}</b></a>
				</aside>
			</section>
			<section>
			
				<h1 class="attent-title">人员关注信息</h1>
				
				<div class="bg-hr"></div>

				<div class="attent-list">
					<!-- 一个关注  -->
                    {% for follow in follow_list %}
                        <div class="attent">
						<img src="/media/{{ follow.followId.icon }}" />
						<a class="lr">已关注</a>
						<a class="rf" href="./more.html">查看他的资源</a>
						<span class="user-a">{{ follow.followId.username }}</span>
					</div>
                    {% endfor %}
				</div>
				<!-- 清除浮动 -->
				<div class="clearfix"></div>
				<!-- 分页 -->
				<div class="pagination">
					<a class="left"></a>
					<a class="act">1</a>
					<a>2</a>
					<a>3</a>
					<a>4</a>
					<a>5</a>
					<a class="right"></a>
					<select>
						<option>1/5</option>
						<option>2/5</option>
						<option>3/5</option>
						<option>4/5</option>
						<option>5/5</option>
					</select>
				</div>
			</section>
			
		</div>
	</article>
	
	<footer>
		<p class="decro">本站所有资源信息均由网友上传,本站只是为了推广资源让更多读者下载,使用。如涉侵权，请联系管理员</p>
		<p class="cr">Copyright © 2021-2025 <span class="site">爱下载资源分享平台</span> All Rights Reserved.</p>
		<p class="num">沪ICP备14048333号</p>
	</footer>
	
	
</body>

</html>